<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>慧听智能语音庭审系统</title>
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/easyui/easyui.css'}">
<!-- <link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/easyui/color.css'}"> -->
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/easyui/icon.css'}">
<link rel="stylesheet" href="@{'/public/stylesheets/loading/down.css'}">
<link rel="stylesheet" href="@{'/public/stylesheets/form.css'}">
<style>
	.booter{
		text-align: center;
		vertical-align: middle;
		margin:0 auto;
		color:#bdbcc1;
	}
	.selected{
		margin-bottom:10px;
		font-size:14px;
		color:#23527c
	}
	a{
		text-decoration:none;
		color:#6197cc
	}
	.footer{
		font-family: "Microsoft YaHei";
		font-size: 14px;
	}
	.menuli {
	    font-size: 14px;
	    line-height: 30px;
	    font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
	    padding: 0;
	    margin: 0;
	    display: list-item;
	    padding-left:30px;
	    list-style: none;
	}
	.active{
		/* background-color: #f3f3f3; */
		background-color: #eceeed;
	    /* border-right: 4px solid #03bfff; */
	    border-right: 4px solid #49c1ff;
	    padding-right: 14px!important;
	}
	.menuli:hover{
		background-color: #f3f3f3;
		border-right: 4px solid #03bfff;
	}
	ul{
		-webkit-padding-start: 0px;
		-moz-padding-start: 0px;
		padding:0px;
	}
	.panel-title{
		margin-left:10px;
	}
	.alogout{
		font-size:12px;
		color:#000000;
		float:right;
		line-height:20px;
		margin-left:5px
	}
	.arePas{
		margin-left:5px;
		line-height:20px;
		font-size:12px;
		color:#000000;
		float:right
	}
	.ahove:hover{
		color:#6A5ACD
	}
	.headerbak{
		background:url(@{'/public/images/title.png'}) center top repeat-x;
		background-size:100% 100%;
		height:51px;padding-top:5px;
		padding-bottom:5px;
		overflow-y:hidden;
	}
	.menuIndex{
		cursor:pointer;
		font-size: 14px;
	    line-height: 25px;
	    color:#fff;
	    font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
	    padding: 0;
	    margin: 0;
	    padding-left:20px;
	    background:#6197cc
	}
	.easyui-tabs .panel-body{
		overflow:hidden
	}
</style>
</head>
<script>
function showloading(){
	var height=$(window).height();
	$('.Lodpopup').css('display','block !important');
	$('.Lodpopup').css('background','#ccc');
	$('.Lodpopup').css('height',height);
	$('.Lodpopup').fadeIn('fast');
}
function hideloading(){
	$('.Lodpopup').css('display','none');
	$('.Lodpopup').fadeOut();
}
</script>
<body class="easyui-layout zitifont" >
	<div class="Lodpopup" style="z-index:9003;display:none">
		<div class="window-mask" style="z-index:9003"></div>
		<img src="@{'/public/images/loading.gif'}" style="z-index:10000" class="loadiii">
	</div>
	<input type="hidden" id="ctxPath" value="${ctxPath}">
	<div data-options="region:'north',border:false" class="headerbak">
		<!-- <div class="col-xs-12"> -->
			<div style="width:280px;float:left">
				<img src="@{'/public/images/logo.png'}" style="margin-left:10px">
			</div>
			<div style="float:left;padding-top:28px;color:#fff;text-align:center" class="topcenter">
				<img src="@{'/public/images/horn.png'}" style="margin-left:40px">
				<span>今日闭庭</span>
				<a href="javascript:void(0);return false;" id="todayStopCourt" style="color:#fcfcfc !important;text-decoration:underline" onclick="topSkip(2)"></a>
				<span>件，正在开庭</span>
				<a href="javascript:void(0);return false;" id="todayLiveCourt" style="color:#fcfcfc !important;text-decoration:underline" onclick="topSkip(1)"></a>
				<span>件，点击查看。</span>
			</div>
			<div class="headerRight" style="width:370px;float:right !important;padding-top:10px">
				<div class="logoutCss" style="width:60px;float:right;text-align:center;cursor:pointer;" onclick="loginout()">
					<div style="width:60px;">
						<img src="@{'/public/images/icon_logout.png'}" style="padding-top:0px"><br>
						<span style="color:#fff;font-size:10px;margin-top:0px">退出登录</span>
					</div>
				</div>
				<div class="modifyCss" style="width:60px;float:right;text-align:center;cursor:pointer;" onclick="updatePassword()">
					<div style="width:60px;">
						<img src="@{'/public/images/resetPass.png'}" style="padding-top:0px"><br>
					<span style="color:#fff;font-size:10px;margin-top:0px">修改密码</span>
					</div>
				</div>
				<div class="userwidth" style="width:120px;float:right;text-align:center">
						<div><img src="@{'/public/images/icon_user.png'}"></div>
						<div><span id="username" style="color:#fcfcfc;font-size:10px"></span></div>
				</div>
				<div class="operCss" style="width:125px;float:right;padding-top:20px">
					<a href="javascript:void(0);return false;" onclick="setPage()" style="color:#fcfcfc">设为首页</a>
					<span style="color:#fcfcfc">|</span>
					<a href="javascript:void(0);return false;" onclick="addCache()" style="color:#fcfcfc">添加收藏</a>
				</div>
			</div>
		</div>
	<div data-options="region:'west',split:true,title:'',iconCls:'ico-list'" style="width:14%;" id="westnaviga">
	<!--<div id="navitree"></div> -->
		<div class="menuIndex" onclick="skipIndex()" id="skipIndex">首页</div>
		<div id="accor">
			<div id="menu" class="easyui-accordion" data-options="border:false,fit:true,animate:true,selected:0" id="accor">
			</div>
		</div>
		
	</div>
	<!--  
	<div data-options="region:'east',split:true,collapsed:true,title:'操作'" style="width:150px;padding:10px;">
	</div>
	-->
	<!-- <div data-options="region:'south',border:false" style="height:50px;background:#fff;padding:10px;">
		<div  class="booter"><span class="footer">Copyright ©2017 北京捷通华声科技股份有限公司    灵云:www.aicloud.com</span></div>
	</div>  -->
	<div data-options="region:'center'" id="centerIframe">
		<div class="easyui-tabs" data-options="tools:'#tab-tools'" fit="true" border="false" id="tabs">
	      	<div title="首页" style="line-height: 777%"
	      	 #{ifnot userRole=='role_02'}
	      	 href="${ctxPath}/admin/contrIndex">
	      	 #{/ifnot}
	      	</div>
	    </div>
	</div>
	<div id="mm" class="easyui-menu" style="width: 150px;display:none">
        <div id="mm-tabclose" name="6">刷新</div>
        <div id="Div1" name="1">关闭</div>
        <div id="mm-tabcloseall" name="2">全部关闭</div>
        <div id="mm-tabcloseother" name="3">除此之外全部关闭</div>
        <div class="menu-sep"></div>
        <div id="mm-tabcloseright" name="4"> 当前页右侧全部关闭</div>
        <div id="mm-tabcloseleft" name="5">当前页左侧全部关闭</div>
    </div>
    <div id="dlg" style="display:none"></div>
    <div id="authenticityToken">#{authenticityToken /}</div>
</body>
<script type="text/javascript" src="@{'/public/javascripts/layout/jquery-1.8.2.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/jquery.cookie.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/index.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/common.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/dateFormat.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/jquery.easyui.min.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/easyui-lang-zh_CN.js'}"></script>
<script type="text/javascript">
	var getAccordionUrl='@{IndexController.getAccordion}';
	var $Path='${ctxPath}';
	var roleid='${userRole}';
	var topCenterWidth=$(window).width()-670;
	$(".topcenter").width(topCenterWidth);
</script>
</html>